<style>
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("images/loading_bar.gif") no-repeat center center #fff;
}
</style>
<script>
document.onreadystatechange = function () {
  var state = document.readyState
  if (state == 'interactive') {
       document.getElementById('contents').style.visibility="hidden";
  } else if (state == 'complete') {
      setTimeout(function(){
		 if(typeof sessionStorage["user_id"]=='undefined'){
			 document.getElementById('interactive');
			 document.getElementById('load').style.visibility="hidden";
			 document.getElementById('contents').style.visibility="visible";
		 }else{
			var pageUrl = JSON.parse(sessionStorage["pageUrl"]);
			window.location=pageUrl;
		 }
      },300);
  }
}
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/webserviceurl.js"></script>
<script src="js/validations.js"></script>
<script src="js/text.js"></script>
<script src="js/commonfunctions.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script>
$(window).load(function() {
	$('#header').load('header.html');
	$('#footer').load('footer.html');
});
</script>
<div id="load"></div>
<div id="contents">
<div id="header"></div>
	<div class="container-fluid">
		<div class="row-fluid container_bg">
			<div class="container_plr">
				<div class="container_title">
					<div><h1>Registration Confirmation</h1></div>
					<div style="text-align:center; color:green;">Wait for Your registration Confirmation. Please check your mail.......</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<div id="footer"></div>
</div>